<!DOCTYPE html>
<html>
<head>
<title>登录{$Think.const.TITLE}</title>
<meta charset=utf-8 />
<link href="{$Think.const.HOMECSS}bootstrap.min.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}font-awesome.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}se7en-font.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}isotope.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}jquery.fancybox.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}fullcalendar.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}wizard.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}select2.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}morris.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}datatables.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}datepicker.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}timepicker.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}colorpicker.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}bootstrap-switch.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}daterange-picker.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}typeahead.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}summernote.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}pygments.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}style.css" media="all"
	rel="stylesheet" type="text/css" />
<link href="{$Think.const.HOMECSS}color/green.css" media="all"
	rel="alternate stylesheet" title="green-theme" type="text/css" />
<link href="{$Think.const.HOMECSS}color/orange.css" media="all"
	rel="alternate stylesheet" title="orange-theme" type="text/css" />
<link href="{$Think.const.HOMECSS}color/magenta.css" media="all"
	rel="alternate stylesheet" title="magenta-theme" type="text/css" />
<link href="{$Think.const.HOMECSS}color/gray.css" media="all"
	rel="alternate stylesheet" title="gray-theme" type="text/css" />
<script src="{$Think.const.ADMINJS}jquery.min.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery-ui.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}bootstrap.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}raphael.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}selectivizr-min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.mousewheel.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.vmap.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.vmap.sampledata.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.vmap.world.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.bootstrap.wizard.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}fullcalendar.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}gcal.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.dataTables.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}datatable-editable.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.easy-pie-chart.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}excanvas.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.isotope.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}isotope_extras.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}modernizr.custom.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.fancybox.pack.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}select2.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}styleswitcher.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}wysiwyg.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}summernote.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.inputmask.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.validate.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}bootstrap-fileupload.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}bootstrap-datepicker.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}bootstrap-timepicker.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}bootstrap-colorpicker.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}bootstrap-switch.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}typeahead.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}daterange-picker.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}date.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}morris.min.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}skycons.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}fitvids.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}jquery.sparkline.min.js"
	type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}main.js" type="text/javascript">
	
</script>
<script src="{$Think.const.ADMINJS}respond.js" type="text/javascript">
	
</script>
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
	name="viewport" />
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
	name="viewport">
<script language="javascript">
	// 验证用户名输入最小长度不能小于3 
	function checkLen() {
		var username = document.getElementById("username").value.length;

		if (username < 3) {
			alert("用户名长度不能小于3哦!");
			return false;
		} else {
			return ture;
		}
	}
</script>
</head>
<body class="login1">
	<!-- Login Screen -->
	<div class="login-wrapper">
		<div class="login-container">
			<a href="#"><img width="200" height="60"
				src="{$Think.const.RESOURCES}HOME/images/logo-login%402x.png" /></a>
			<form action="__SELF__" method="post" onsubmit="return checkLen()">
				<div class="form-group">
					<input class="form-control" value="{$Think.cookie.username}"
						id="username" placeholder="用户名" type="text" name="username"
						maxLength="30" required>
				</div>
				<div class="form-group">
					<input class="form-control" value="{$Think.cookie.password}"
						placeholder="密&nbsp;码" type="password" name="password"
						maxLength="31" required>
				</div>
				<div class="form-options clearfix">
					<a class="pull-right"
						href="{$Think.const.DOMAIN_NAME}Home/Account/Back">忘记密码? </a>
					<div class="text-left">
						<label class="checkbox"> <input type="checkbox"
							name="remember"><span>记住我</span>
						</label>
					</div>
				</div>
				<div class="social-login clearfix">
					<button class="btn btn-primary" type="submit">
						登&nbsp;&nbsp;录</button>
				</div>
				<p class="signup">
					还没有注册账号？ <a
						href="{$Think.const.DOMAIN_NAME}Home/Account/Registered">现在注册</a>
				</p>
			</form>
		</div>
	</div>
	<!-- End Login Screen -->
</body>
</html>
